import Base from "../Base.js";
import '../../css/login.css';

export default class Login extends Base {
    render() {
        this.el.html(`
    
            <div class="system">
                <h1>猫眼管理系统</h1>
                 <p>Student Management System</p>
             </div>
        <section>
          <div class="reg-login">
              <h2>欢迎登陆</h2>
                <p>
                    没有账号？
                    <a href="#/reg">注册</a>
                </p>
            </div>
  
        <form action="#" class="layui-form" method="">
            <div class="layui-form-item">
                <label class="layui-form-label">用户名</label>
                <div class="layui-input-block">
                    <input type="text" name="username" required lay-verify="required" placeholder="请输入用户名"
                        autocomplete="off" class="layui-input" style='width:240px'>
                </div>
            </div>
         
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">密码</label>
                <div class="layui-input-inline">
                    <input type="password" name="password" required lay-verify="required" placeholder="请设置登录密码"
                        autocomplete="off" class="layui-input" style='width:240px'>
                </div>
            </div>
            <div class="layui-form-item" style=" width: 450px;
            text-align:center">
            <button class="layui-btn loginBtn" lay-submit="" lay-filter="" style="width: 250px;">登陆</button>
            </div>
            
            </form>
        </section>

`)
    }
}